@import "../common.scss";

body{
    background-color: #F7F7F7;
}
.height-top{
    background-color: #fff;
}
.header{
    height: ws(44);
    line-height: ws(44);
    text-align: center;
    font-size: ws(18);
    background-color: #fff;
}
.content{
	margin-top: ws(15);
    .user-photo{
        margin-top: ws(30);
        margin-bottom: ws(60);
        display: flex;
        align-items: center;
        justify-content: center;
        width: ws(100);
        height: ws(100);
        background-color: #eeeeee; 
        img{
            width: 100%;
            height: 100%;
        }
        .add{
           width: ws(50);
           height: ws(50);
        }
    }
    .itemClass {
        display: flex;
        align-items: center;
				justify-content: space-between;
				padding: 0 ws(15);
				padding-right: ws(40);
				background-color: #fff;
				height: ws(44);
        @include border-line(#e4e3e3,bottom);
        >input {
            font-size: ws(16);
            flex: 1;
            color: #757575;
            border: unset;
            padding: 0;
            height: unset;
            margin: 0;
            border-radius: unset;
        }
        .text{
            color: #757575;
        }
        .mui-icon{
						position: absolute;
						top: ws(24);
						right: ws(15);
        }
        .mui-navigate-right{
            &:after{
                right: 0;
                color: #888;
                top: unset;
            }
        }
    }
}

.hint{
	color: #999999;
	font-size: ws(12);
	text-align: center;
	margin: 0 ws(30);
	margin-bottom: ws(10);
}

	.button-list{
		margin: 0 ws(30);
		margin-top: ws(130);
	.succeed{
				height: ws(40);
				line-height: ws(40);
				background-color: #d4e0fe;
				color: #719bf1;
				text-align: center;
				border-radius: ws(30);
				box-shadow: 0 ws(2) ws(3) rgba(#719bf1,.5);
				margin-bottom: ws(15);
		}
}
 
